@CHARSET "UTF-8";
* {margin:0;padding:0;}
html {}
body {height:100%;font-family:Microsoft Yahei;font-size:100%;line-height:1.5;color:#222;min-width:320px;min-height:480px;position:relative;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px; /* 控制条纹的大小 */
	background-color: #3f3927;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .1)), color-stop(.75, rgba(255, 255, 255, .1)), color-stop(.75, transparent), to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent);
	
}
img {border:none;}
a {color:#0099FF;outline:none;text-decoration:none;}
ul.decimal {list-style-type:decimal;}
ul.disc {list-style-type:disc;}
.a_as_button {display:inline-block;color:#fff;white-space:nowrap;
	background-image: -webkit-gradient(linear, 0 0, 0 0, from(#9f9d9b), to(#594e44)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9f9d9b 20%, #594e44, #594e44); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9f9d9b 20%, #594e44, #594e44); /* FF3.6 */
	background-image:     -ms-linear-gradient(#9f9d9b 20%, #594e44, #594e44); /* IE10 */
	background-image:      -o-linear-gradient(#9f9d9b 20%, #594e44, #594e44); /* Opera 11.10+ */
	background-image:         linear-gradient(#9f9d9b 20%, #594e44, #594e44);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
	box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
}
.a_as_button:active, .a_as_button.selected {
	background-image: -webkit-gradient(linear, 0 0, 0 0, from(#f0b815), to(#c96006)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f0b815 20%, #c96006, #c96006); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f0b815 20%, #c96006, #c96006); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f0b815 20%, #c96006, #c96006); /* IE10 */
	background-image:      -o-linear-gradient(#f0b815 20%, #c96006, #c96006); /* Opera 11.10+ */
	background-image:         linear-gradient(#f0b815 20%, #c96006, #c96006);
}
.clear {clear:both;height:0;overflow:hidden;font-size:0;}
.corner {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.bg_red {background:#ff3300;}
.bg_lightblue {background-color:#00ccff;}
.bg_white {background:#fff;color:#454545;border:2px solid #454545;}
.wrapper {max-width:1600px;margin:0 auto;}
.box_h {display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-box-orient:horizontal;}
.box_flex {-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;}
.look_hidden {display:none;}

/*** info_panel START ***/
.info_panel {display:none;position:fixed;_position:absolute;width:100%;left:0;top:0;text-align:center;z-index:701;}
.info_panel span {position:relative;display:inline-block;font-size:16px;font-weight:bold;font-family:Microsoft Yahei;height:20px;line-height:20px;color:#fff;background:#68AF02;margin-bottom:-20px;padding:11px 50px;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;-moz-box-shadow:0px 2px 2px rgba(0,0,0,.3);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,.3);box-shadow:0px 2px 2px rgba(0,0,0,.3);}
.info_panel span.errorInfo {background:red;}
/*** info_panel END ***/

/*table*/
table {display:table;}
table tr {display:table-row;}
table td {text-align:center;display:table-cell;padding:.5em 1em;}
table td.left {text-align:left;}
table tbody {vertical-align:middle;display:table-row-group;}
table td img {width:100%;}
.align_top {vertical-align:top;}
/*header*/
.header {padding:.4em 0;background:#000;
	-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, .6);
	-moz-box-shadow:0 7px 14px rgba(0, 0, 0, .6);
	box-shadow:0 7px 14px rgba(0, 0, 0, .6);
}
.header .logo {float:left;font-size:1.625em;width:38%;text-align:center;}
.header .logo span {display:block;color:#fff;padding:0.08em 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000000), to(#663300)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, #000000, #663300 20%, #663300 80%, #000000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left, #000000, #663300 20%, #663300 80%, #000000); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, #000000, #663300 20%, #663300 80%, #000000); /* IE10 */
	background-image:      -o-linear-gradient(left, #000000, #663300 20%, #663300 80%, #000000); /* Opera 11.10+ */
	background-image:         linear-gradient(left, #000000, #663300 20%, #663300 80%, #000000);
}
.header .nav {float:right;padding:.4em 1em .1em 0;position:relative;}
.header .nav a {font-size:1.25em;padding:.2em .8em;margin:0 .2em;line-height:1.6em;color:#fff;}

/*index*/
.main table .align_top {padding:0;}
.list_cell {padding-left:.8em;padding-right:0;}
.list_cell ul {list-style-type: none;}
.list_cell ul li {margin-bottom:.4em;text-indent:1em;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(174, 63, 10, .8)), to(rgba(113, 54, 4, .8))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(174, 63, 10, .8), rgba(113, 54, 4, .8)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left, rgba(174, 63, 10, .8), rgba(113, 54, 4, .8)); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, rgba(174, 63, 10, .8), rgba(113, 54, 4, .8)); /* IE10 */
	background-image:      -o-linear-gradient(left, rgba(174, 63, 10, .8), rgba(113, 54, 4, .8)); /* Opera 11.10+ */
	background-image:         linear-gradient(left, rgba(174, 63, 10, .8), rgba(113, 54, 4, .8));
	-webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, .9);
	-moz-box-shadow:3px 3px 0 rgba(0, 0, 0, .9);
	box-shadow:3px 3px 0 rgba(0, 0, 0, .9);
}
.list_cell ul li a {display:block;min-width:360px;padding:.3em 0;color:#ffd450;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-shadow:3px 3px 0 rgba(255, 255, 255, .1) inset;
	-moz-box-shadow:3px 3px 0 rgba(255, 255, 255, .1) inset;
	box-shadow:3px 3px 0 rgba(255, 255, 255, .1) inset;
}
.contract_cell p {color:#ffd450;}
.link_subset {padding-top:.6em;}
.link_subset p {margin-bottom:.6em;}
.link_subset p:last-child {margin:0;}
.link_subset a {font-size:1.25em;padding:0.2em 1.2em;}

/*detail*/
.detail {margin-top:1.2em;}
.detail_title {text-align:center;font-size:1.825em;color:#ffd450;}
.detail .switch_cell {width:100%;list-style-type:none;line-height:3.2em;}
.detail .switch_cell li.prev {text-align:left;}
.detail .switch_cell li.next {text-align:right;}
.detail .switch_cell a {line-height:2em;padding:0 2em;color:#fff;}
.detail .back_top {text-align:center;margin-bottom:10px;}
.detail .back_top a {line-height:2em;padding:0 2em;}
.detail_content {padding:0 2em;color:#ccc;}
.detail_content p {text-indent:25px;}
.detail_content img {display:block;margin:.4em auto;max-width:100%;}

/*more*/
.game_cell ul {list-style-type:none;}
.game_cell ul li {display:block;margin-top:.8em;padding:0 0 .6em 0;background:rgba(0, 0, 0, .7);border-bottom:1px solid rgba(0, 0, 0, .8);}
.game_cell .game_name {margin-bottom:.5em;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(174, 63, 10, .8)), to(rgba(113, 54, 4, .8))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(16, 122, 169, .8), rgba(10, 66, 111, .8)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left, rgba(16, 122, 169, .8), rgba(10, 66, 111, .8)); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, rgba(16, 122, 169, .8), rgba(10, 66, 111, .8)); /* IE10 */
	background-image:      -o-linear-gradient(left, rgba(16, 122, 169, .8), rgba(10, 66, 111, .8)); /* Opera 11.10+ */
	background-image:         linear-gradient(left, rgba(16, 122, 169, .8), rgba(10, 66, 111, .8));
	border-bottom:3px solid rgba(0, 0, 0, 1);
}
.game_cell .game_name a {display:block;font-size:1.4em;color:#ffd450;text-indent:1em;}
.game_cell .game_pic {float:left;width:40%;overflow:hidden;padding:0 .6em;}
.game_cell .game_pic img {float:left;max-width:100%;}
.game_cell .game_info {}
.game_cell .game_describe {color:#988c5e;}
.game_cell .game_bottom {margin-top:.4em;}
.game_cell .game_bottom a.a_as_button {padding:4px 8px;}
.game_cell .game_bottom a.selected {margin-right:.6em;}


@media screen and (max-width:640px){
	.header .logo {font-size:1.4em;width:100%;}
	.header .nav {float:left;;padding:.4em 1em .1em 1em;}
	.header .nav a {font-size:1.1em;padding:.2em .6em;margin:0 .1em;}
	
	.game_cell .game_info {font-size:.8em;}
	.game_cell .game_bottom a.a_as_button {font-size:1em;}
}